<div class="pui-paginator ui-widget-header">
 <span class="pui-paginator-first pui-paginator-element ui-state-default ui-corner-all" ng-class="{'ui-state-disabled': ctrl.isGrayPrev}" ng-click="doChangePage(1, $event)"><span class="ui-icon ui-icon-seek-first">p</span></span>
 <span class="pui-paginator-prev pui-paginator-element ui-state-default ui-corner-all" ng-class="{'ui-state-disabled': ctrl.isGrayPrev}" ng-click="doChangePage(pageNum - 1, $event)"><span class="ui-icon ui-icon-seek-prev">p</span></span>

 <span class="pui-paginator-pages">
	<span ng-repeat="one in pageNumList" 
		ng-click="doChangePage(one.pageNum, $event)" 
		class="pui-paginator-page pui-paginator-element ui-state-default ui-corner-all" 
		ng-class="{'ui-state-active': one.isActive}">{{one.pageNum}}</span>
 </span>

 <span class="pui-paginator-next pui-paginator-element ui-state-default ui-corner-all" ng-class="{'ui-state-disabled': ctrl.isGrayNext}" ng-click="doChangePage(pageNum + 1, $event)"><span class="ui-icon ui-icon-seek-next">p</span></span>
 <span class="pui-paginator-last pui-paginator-element ui-state-default ui-corner-all" ng-class="{'ui-state-disabled': ctrl.isGrayNext}" ng-click="doChangePage(pageCount, $event)"><span class="ui-icon ui-icon-seek-end">p</span></span>
</div>